.tk-series-legend {
  font-size: 0.85rem;
  color: var(--default-text);
  background: var(--backgroundPrimary);

  &__legend-icon {
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
  }

  &__table-row {
    padding: 0.4rem;
    border-radius: 0.35rem;

    &:hover {
      background-color: var(--buttonSecondaryBackground);
    }

    &--header {
      font-weight: bold;
      text-transform: uppercase;

      &:hover {
        background-color: inherit;
      }
    }
  }

  &__summary-total {
    font-size: 1.5rem;
    font-weight: bold;
  }
}
